<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>  
        <link type="text/css" rel="stylesheet" media="screen" href="../css/estilos.css" />
        <script type="text/javascript" src="../js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="../js/archivo.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.7.custom.min.js"></script>
        <link type="text/css" rel="stylesheet" media="screen" href="../css/jquery-ui-1.8.7.custom.css" />        
        <script src="../js/carousel.js" type="text/javascript"></script>
        <script type="text/javascript" src="../js/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/jquery.fancybox-1.3.4.css" media="screen" />
        <script type="text/javascript">
            stepcarousel.setup({
                galleryid: 'carousel', //ID del div que contiene el carrusel
                beltclass: 'belt', //Clase del primer div dentro del carrusel, que contiene al resto de divs
                panelclass: 'panel', //Clase de cada panel individual
                autostep: {enable:true, moveby:1, pause:3000},
                panelbehavior: {speed:500, wraparound:true, persist:true},
                statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
                contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
            })
        </script>

    </head>
    <body>
        <div id="borde">
            <div id="wrap">
                <div id="cabecera">
                    <div id="contenedor-slider" style="">
                        <div id="slider">
                            <div class="imagen-slider img1"></div>
                            <div class="imagen-slider img2"></div>
                            <div class="imagen-slider img3"></div>
                            <div class="imagen-slider img4"></div>
                        </div>
                        <div class="control_banner">
                            <div class="control_marcas">
                                <span onclick="ir_banner(0)" class="control_marcas_item control_activo" id="b1"></span>
                                <span onclick="ir_banner(1)" class="control_marcas_item control_desactivo" id="b2"></span>
                                <span onclick="ir_banner(2)" class="control_marcas_item control_desactivo" id="b3"></span>
                                <span onclick="ir_banner(3)" class="control_marcas_item control_desactivo" id="b4"></span>
                            </div>
                            <div class="control_banner_botones">
                                <a href="javascript:anterior_banner();" class="control_banner_boton"><img src="../imagenes/cabecero/anterior.png" alt=""/></a>
                                <a id="btn_pause" href="javascript:pause();" class="control_banner_boton"><img src="../imagenes/cabecero/pause.png" alt=""/></a>
                                <a id="btn_play" href="javascript:play();" class="control_banner_boton dnone"><img src="../imagenes/cabecero/play.png" alt=""/></a>
                                <a href="javascript:siguiente_banner();" class="control_banner_boton"><img src="../imagenes/cabecero/siguiente.png" alt=""/></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="navegacion">
                    <ul class="topnav">
                        <li>
                            <a href="#">Géneros</a><span class="flecha"></span>
                            <ul class="subnav">
                                <li><a href="../paginas/cienciaFiccion.html">Ciencia ficción</a></li>
                                <li><a href="../paginas/accion.html">Acción</a></li>
                                <li><a href="../paginas/terror.html">Terror</a></li>
                                <li><a href="../paginas/fantasia.html">Fantasía</a></li>
                                
                               
                            </ul>
                        </li>
                        <li>
                            <a href="#">Top 5</a><span class="flecha"></span>
                            <ul class="subnav">
                                <li><a href="../paginas/battleship.html">1. Battleship</a></li>
                                <li><a href="../paginas/piratas.html">2. Piratas en el Caribe</a></li>
                                <li><a href="../paginas/resident.html">3. Resident Evil 4</a></li>
                                <li><a href="../paginas/sherlock.html">4. Sherlock Homes 2</a></li>
                                <li><a href="../paginas/thor.html">5. Thor</a></li>
                                
                            </ul>
                        </li>
                        <li><a href="../paginas/contacto.html">Contacto</a></li>
                        <li><a href="../index.html">Inicio</a></li>
                    </ul>
                    <form action="#" id="buscador">
                        <input class="texto" type="text" size="20" />
                        <input type="submit" class="busca" value="buscar" />
                    </form>
                </div>


                <div id="contenido">
                    <div id="actualidad" class="noticia">
                        <div class="contenido_cabecera">
                            Fechas de estrenos de cine en España
                        </div>
                        <div class="contenido_principal" >
                            <iframe src="https://www.google.com/calendar/embed?showTitle=0&amp;showPrint=0&amp;showCalendars=0&amp;showTz=0&amp;height=600&amp;wkst=2&amp;bgcolor=%23FFFFFF&amp;src=01k1vm0f02hvnjntb9ap5h3c40%40group.calendar.google.com&amp;color=%232952A3&amp;src=es.spain%23holiday%40group.v.calendar.google.com&amp;color=%23853104&amp;ctz=Europe%2FMadrid" style=" border-width:0 " width="450" height="450" frameborder="0" scrolling="no"></iframe>
                        </div>                        
                    </div>                    
                </div>

                <div id="menu">
                    <div class="menu_separador">
                        Menú
                    </div>
                   
                    <ul class="menu_caja">
                        
                        <li><a href="../paginas/estrenos.html">Estrenos</a></li>
                        <li><a href="../paginas/curiosidades.html">Curiosidades</a></li>
                        <li><a href="../paginas/lanzamientosDVD.html">Lanzamientos DVD</a></li>
                        
                    </ul>
                         
                    <div class="menu_separador">
                        Iniciar sesión
                    </div> 
                    <div id="login_form">
                        <form method="post" action="" id="registro">
                            <p>Usuario</p>
                            <input type="text" name="usuario" class="usuario"></input>
                            <p>Contraseña</p>
                            <input type="password" name="password" class="password"></input>
                            <div class="enl-registro"><a  class="popup" href="nuevo_registro.html" id="reg">Registrarse</a></div>
                            <p><input  type="submit" value="Entrar"></input></p>
                        </form>
                    </div>
                </div>

                <div id="pie">
                    
                    <a href="http://validator.w3.org/check?uri=referer"><img
                    src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
                    <div id="enlaces_pie">
                     <a href="http://masterinftel.uma.es/"><img src="../imagenes/logos/logo_inftel.png" alt="master Inftel"/></a>
                     <a href="http://www.uma.es"><img src="../imagenes/logos/logo_uma.JPG" alt="uma"/></a>
                     <a href="http://fundacion.vodafone.es/fundacion/es"><img src="../imagenes/logos/logo_vodafonne.jpg" alt="fundación vodafone"/></a>
                    </div>
                </div>


            </div><!--wrap-->
        </div><!--borde-->
    </body>
</html>
